
<!DOCTYPE html>
<html lang="cn">

    <head>

        <meta charset="utf-8">
        <title>失物网</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- CSS -->
        <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="plugin/datapicker/datepicker.css">
        <link rel="stylesheet" href="assets/css/style.css">
		
		
        <!-- Javascript -->
        <script src="assets/js/jquery-1.8.2.min.js"></script>
        <script src="assets/bootstrap/js/bootstrap.min.js"></script>
        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
		<style>
		.categoryBox{
			height:130px;
			margin-top:8px;
			background:#F93;
			color:#fff;
			cursor:pointer;
		}
		.categoryBox:hover{
		    background:#888;
		}
		
		.mySelect{
		    font-size:14px;
			margin:0 8px 0 8px;
			border-bottom:solid 1px;
			font-weight:bold;
		}
		.mySelect:hover{
			margin:3px;
			cursor:pointer;
			font-size:16px;
		}
		</style>
    </head>

    <body>

        <!-- Header -->
        <div class="container">
            <div class="header row">
                <div class="span12">
                    <div class="navbar">
                        <div class="navbar-inner">
							<div class="span2" style="margin-left:0px;">
								<img src="picresources/logo.png"  style="margin-top:12px;float:left;"/><br/>
								<p style="margin-top:46px;">
								<a class=" icon-user">当前位置：</a> <a class="icon-comment">首页->搜索页面</a>
								</p>
							</div>
				
                            <div class="nav-collapse collapse span9">
                                <ul class="nav pull-right">
                                    <li class="current-page">
                                        <a href="index.html"><i class="icon-home"></i><br />主页</a>
                                    </li>
                                    <li>
                                        <a href="showlist.html"><i class="icon-list-alt"></i><br />快速发布告示</a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="icon-comments"></i><br />创建组织专区</a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="icon-tasks"></i><br />注册用户</a>
                                    </li>
                                    <li>
                                        <a href="about.html"><i class="icon-user"></i><br />关于</a>
                                    </li>
                                    <li>
                                        <a href="contact.html"><i class="icon-envelope-alt"></i><br />联系我们</a>
                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
			<div class="row">
				<div  class="span12" style="border-top:solid 2px #F93"></div>
			</div>
        </div>
		<br/>
        <!-- Services -->
        <div class="what-we-do container" style="min-height:300px;">
            <div class="row">
              <div class="span4"  style="background:#F38630;color:#fff;">
				<h5>1:选择发布分类</h5>
			  </div>
             <div class="span4"  style="background:#E0E4CC;">
				<h5>2:填写发布信息</h5>
			  </div>
             <div class="span4"  style="background:#E0E4CC;">
				<h5>3:设定密码并发布</h5>
			  </div>
            </div>

			<div class="row" style="margin-top:16px;margin-bottom:16px;">
				<div  class="span3 categoryBox" style=" background-image:url(picresources/cards.png)" onclick="$('#myModal').modal('show')">
                  <p style=" float:right;float:right;width:60px;padding:6px;">包括身份证/银行卡/驾照等基本证件卡等物品分类！</p>
				</div>
				<div  class="span3 categoryBox" style=" background-image:url(picresources/dital.png)">
                  <p style=" float:right;width:60px;padding:6px;">数码类产品，手机，电脑M，MP3相机等物品!</p>
				</div>
				<div  class="span3 categoryBox" style=" background-image:url(picresources/cards.png)">
                  <p style=" float:right;width:60px;padding:6px;">包括身份证/银行卡/驾照等基本证件卡等物品分类！</p>
				</div>
				<div  class="span3 categoryBox" style=" background-image:url(picresources/dital.png)">
                  <p style=" float:right;width:60px;padding:6px;">数码类产品，手机，电脑M，MP3相机等物品!</p>
				</div>
				<div  class="span3 categoryBox" style=" background-image:url(picresources/cards.png)">
                  <p style=" float:right;width:60px;padding:6px;">包括身份证/银行卡/驾照等基本证件卡等物品分类！</p>
				</div>
				<div  class="span3 categoryBox" style=" background-image:url(picresources/dital.png)">
                  <p style=" float:right;width:60px;padding:6px;">数码类产品，手机，电脑M，MP3相机等物品!</p>
				</div>
				<div  class="span3 categoryBox" style=" background-image:url(picresources/cards.png)">
                  <p style=" float:right;width:60px;padding:6px;">包括身份证/银行卡/驾照等基本证件卡等物品分类！</p>
				</div>
				<div  class="span3 categoryBox" style=" background-image:url(picresources/dital.png)">
                  <p style=" float:right;width:60px;padding:6px;">数码类产品，手机，电脑M，MP3相机等物品!</p>
				</div>
            </div>			
        </div>
		
		
		<!-- Modal -->
		<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-header" style="color:#000">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<span id="myModalLabel" style="margin:0px;font-size:20px;font-weight:bold;">请选择分类</span>
		  </div>
		  <div class="modal-body" style="text-align:left;">
			<a class="  mySelect" href="note_edit.html?categoryId=22">身份证</a>
			<a class="  mySelect" href="note_edit.html?categoryId=22">身份证</a>
			<a class="  mySelect" href="note_edit.html?categoryId=22">身份证</a>
			<a class="  mySelect" href="note_edit.html?categoryId=22">身份证</a>
			<a class="  mySelect" href="note_edit.html?categoryId=22">身份证</a>
			<a class="  mySelect" href="note_edit.html?categoryId=22">身份证</a>
			<a class="  mySelect" href="note_edit.html?categoryId=22">身份证</a>
			<a class="  mySelect" href="note_edit.html?categoryId=22">身份证</a>
			<a class="  mySelect" href="note_edit.html?categoryId=22">身份证</a>
		  </div>
		  <div class="modal-footer">
			如果没有您要的分类，请选择：
			<button class="btn btn-warning" onclick="window.location.href='note_edit.html'">直接发布</button>
		  </div>
		</div>
		
        <!-- Footer -->
        <footer>
            <div class="what-we-do container">
                <div class="row">
                    <div class="widget span3">
                        <h4>关于我们</h4>
                        <p>本网站是一个完全公益性网站，对于用户的注册信息严格保密，请放心使用.</p>
                    </div>
                    <div class="widget span3">
                        <h4>网站新闻</h4>
                        <p>本网站是一个完全公益性网站，对于用户的注册信息严格保密，请放心使用.</p>
                    </div>
                    <div class="widget span3">
                        <h4>好人好事墙</h4>
                         <p>本网站是一个完全公益性网站，对于用户的注册信息严格保密，请放心使用.</p>
                    </div>
                    <div class="widget span3">
                        <h4>联系我们</h4>
                        <p><i class="icon-map-marker"></i> 地址: 杭州市西湖区文三路黄龙时代广场</p>
                        <p><i class="icon-envelope-alt"></i> Email: <a href="">dantianxuan@qq.com</a></p>
                    </div>
                </div>
                <div class="footer-border"></div>
                <div class="row">
                    <div class="copyright span4">
                        <p>Copyright 2012 losenote - All rights reserved. Design by <a href="#">dandelion</a>.</p>
                    </div>
                </div>
            </div>
        </footer>

		 

    </body>

</html>

